<template>
  <div class="publish_box" @click="handlePublish">
    <!--    <span>宠物</span>-->
    <!--    <span>发布</span>-->
    <svg class="icon" aria-hidden="true">
      <use xlink:href="#icon-chongwujiyang1"></use>
    </svg>
  </div>
</template>

<script>
import { useRouter } from "vue-router";

export default {
  name: "PublishApp",
  setup() {
    const router = useRouter();
    const handlePublish = () => {
      router.push("/publish");
    };
    return {
      handlePublish,
    };
  },
};
</script>

<style scoped lang="less">
.publish_box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: fixed;
  bottom: 10%;
  right: 0.5rem;
  //width: 4rem;
  //height: 4rem;
  //border-radius: 50%;
  padding-left: 0.3rem;
  box-sizing: border-box;
  //background-image: radial-gradient(circle, #ff8917, #ebedf0, #00800000);
  //span {
  //  color: #ffffffe6;
  //  font-size: 0.8rem;
  //  letter-spacing: 7px;
  //  margin: 0.2rem 0;
  //}
}
.icon {
  width: 3.5rem;
  height: 3.5rem;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
</style>
